<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>幻冰后台首页vbase版本-demo</title>
<link rel="stylesheet" type="text/css" href="https://res.kuoqps.com/kuoqi-ui/web.dev.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<script src="https://res.kuoqps.com/kuoqi-js/kq.1.06/kq.1.06.dev.js"></script>
</head>

<body>
<!--页面信息-->
<div class="container-fluid">
  <div class="row">
    <div class="col-6">
      <div class="card card-cpanel">
        <div class="card-head"><span class="label label-small label-white">常规表格样式【table table-small table-toggle】</span></div>
        <div class="card-body">
          <table class="table table-small table-toggle" width="100%" border="none">
            <thead>
              <tr>
                <th width="40">序号</th>
                <th>ID</th>
                <th>用户名</th>
                <th>单行显示</th>
                <th width="240">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="col-6">
      <div class="card card-cpanel">
        <div class="card-head"><span class="label label-small label-white">常规表格样式【table table-small table-toggle】</span></div>
        <div class="card-body">
          <table class="table table-small table-toggle" width="100%" border="none">
            <thead>
              <tr>
                <th width="40">序号</th>
                <th>ID</th>
                <th>用户名</th>
                <th>单行显示</th>
                <th width="240">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
    <div class="col-6">
      <div class="card card-tabel">
        <div class="card-head"><span class="label label-small label-white">常规表格样式[table table-small table-autowidth】</span></div>
        <div class="card-body">
          <table class="table table-small table-autowidth" border="none">
            <thead>
              <tr>
                <th width="40">序号</th>
                <th>ID</th>
                <th>用户名</th>
                <th>幻冰是幻冰小站的站长幻冰是幻冰小站的站长</th>
                <th>用户名</th>
                <th>用户名用户名用户名</th>
                <th>用户名</th>
                <th>用户名</th>
                <th>单行显示</th>
                <th width="240">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
              <tr>
                <td class="text-c">1</td>
                <td><span class="label">1</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰</span></td>
                <td><span class="label">幻冰是幻冰小站的站长</span></td>
                <td class="text-c"><a class="btn btn-small btn-edit">编辑</a> <a class="btn btn-small btn-del">删除</a> <a class="btn btn-small">显示全部</a> <a class="btn btn-small">取消前摇</a></td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<!--页面信息 end-->
</body>
<script src="https://res.kuoqps.com/kuoqi-ui/app.js"></script>
<script src="js/main.js"></script>
</html>
